<template>
	<view>
		<view class="bg" style="width: 100%;height:100%;background-color:#f7f7f7">
			<view class="header">
				<text style="font-size: 28rpx;color: #FFFFFF;">已完成</text>
				<text style="font-size: 20rpx;color: #FFFFFF;">请尽快到达救援地点，进行救援</text>
				<text style="font-size: 14rpx;color: #FFFFFF;">12-03 16：00</text>
			</view>
			<view class="content">
				<view class="content_list">
					<text class="content_text_title">应急救援</text>
					<text class="content_text">工单编号：65747654654</text>
					<text class="content_text">12-03 16：00</text>
				</view>
				<view class="content_list">
					<text class="content_text_title">电梯使用单位编号</text>
					<text class="content_text">电梯救援编号：687633</text>
				</view>
				<view class="content_list">
					<text class="content_text_title">迅驰大厦</text>
					<text class="content_text">金牛区 抚琴街道营门口路45号</text>
				</view>
				<view class="content_list">
					<text class="content_text_title">救援结果</text>
					<text class="content_text">请尽快进行救援任务，提交任务结果</text>
				</view>
				<view class="content_list">
					<view class="content_text">
						<view class="content_leftText">
							<text class="content_text_title">维保结果</text>
							<text style="font-size: 14px;" @click="fix_content">维保内容</text>
							<text style="font-size: 14px;">配件类型</text>
							<text style="font-size: 14px;">维保费用</text>
							<text style="font-size: 14px;" @click="upload">作业记录</text>
						</view>
						<view class="content_rightText" >
							<text></text>
							<text></text>
							<text style="font-size: 14px;">配件更换</text>
							<text style="font-size: 14px;">变压器，主控板，电容，补偿装置</text>
							<text style="font-size: 14px;">8000.00元</text>
							<text style="font-size: 14px;">缆绳牵引，安全保护</text>
						</view>
					</view>
					
				</view>
			</view>
		</view>
		

	</view>
</template>

<script>
	export default{
		methods:{
			fix_content(){
				uni.navigateTo({
					url:'detailsContent'
				})({
					
				})
			},
			upload(){
				uni.navigateTo({
					url:'uploadImage'
				})
			}
		}
	}
</script>

<style lang="scss">
	.header {
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: auto;
		height: 182rpx;
		background-color: #0ab852;
		border-radius: 5px;
		
		text {
			padding: 8px 0;
			margin-left: 20px;
		}
	}

	.content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 90%;
background-color: #FFFFFF;
		margin: 20px auto;

		.content_list {
			width: 634rpx;
			margin: 20rpx 20rpx;
			border-bottom: 1px solid #CCCCCC;
			.content_text{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
		}

		text {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-size: 18px;
			padding: 10rpx 20rpx;
		}
.content_text_title{
			font-size: 28rpx;
			
		}
		.content_text{
			font-size: 20rpx;
			color: #666666;
		}
	}

	
</style>
